<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聊天页面</title>
    <link rel="stylesheet" href="/static/css/websocket.css">
</head>
<body style="background-color: #eeeeee;">
<div class="container">
    <div class="header">
        <div class="info">

        </div>
    </div>
    <div class="main">
        <div class="slider">
            <ul class="chat-list">

            </ul>
        </div>
        <div class="content">
            <div class="message">
                <ul class="message-list">

                </ul>
            </div>
            <div class="input-message">
                <div class="tools">
                    <ul>
                        <li><img src="/static/images/emoji.png" alt="" width="30px"></li>
                        <li><input type="file" name="chat_img" id="chat_img" accept="image/*"></li>
                        <li><input type="file" name="chat_img" id="file_img" accept="image/*"></li>
                    </ul>
                </div>
                <div class="textarea">
                    <prev class="msg-content" id="msg-content" contenteditable></prev>
                </div>
                <div class="button">
                    <a class="send" href="javascript:;" id="send">提交</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer"></div>
</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src='/static/layer/layer.js'></script>
<script src='/static/js/websocket.js'></script>
<script>
    var args = window.location.href.split('?').pop(), token = args.split('=').pop(), client;
    websocketIm.setIdentity(token);
    websocketIm.initialize('localhost', 9501);
</script>
</html>
